/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2024-07-03 18:37:35
*/
/*banner*/

.wrap{width: 15.5rem !important;}

.title p{font-size: 0.6rem;color: #333;}
.title{font-size: 0.2rem;color: #cccccc;text-align: center;text-transform: uppercase;line-height: 0.6rem;}



#banner{width:100%;position:relative;overflow:hidden;}
#banner .swiper-slide img{display: block;width:100%;}
#banner .swiper-button-prev {outline：none;background: none;width: 0.54rem;height: 0.62rem;overflow: hidden;left:5%;opacity: 0.5;transition:0.5s;}
#banner .swiper-button-next {outline：none;background: none;width: 0.54rem;height: 0.62rem;overflow: hidden;right:5%;opacity: 0.5;transition:1s;}
#banner .swiper-button-prev img,#banner .swiper-button-next img{width: 100%;display: block;}
#banner .swiper-button-prev:hover,#banner .swiper-button-next:hover{opacity: 1;transform:rotate(360deg)}

#banner .swiper-pagination-bullets{bottom: 0.5rem !important;text-align: center;}
#banner .swiper-pagination-bullet{background:url(/statics/images/index/dian1.png)no-repeat center !important;margin-right:0.3rem;width: 0.14rem;height: 0.16rem;opacity: 1;border-radius: 0 !important;background-size:100%;}
#banner .swiper-pagination-bullet-active{background:url(/statics/images/index/dian2.png)no-repeat center !important;width: 0.17rem;height: 0.19rem;border-radius: 0 !important;background-size:100%;}




#hexin{width: 100%;height: 9.3rem;position: relative;}
#hexin .title,#hexin .title p{text-align: left;color: #333;text-transform:none;}
#hexin .title{padding-top: 1.3rem;margin-left: 1.6rem;}
#hexin .title hr{width:1rem;height:6px;background:#00a7ad;outline:none;border:none;margin-top:0.4rem;}

#hexin .info_box_pic_box{overflow:hidden;position:relative;margin-left: 1.6rem;}
#hexin .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none !important;outline: none;width: 0.48rem !important;height: 0.48rem !important;overflow: hidden;top:-0.6rem !important;right:2.4rem;left:auto;}
#hexin .swiper-button-next, .swiper-container-ltl .swiper-button-prev{background-image: none !important;outline: none;width: 0.48rem !important;height: 0.48rem !important;overflow: hidden;top:-0.6rem !important;right:1.6rem;left:auto;}

#hexin .swiper-button-next img,#hexin .swiper-button-prev img{width: 100%;display: block;}


#hexin .info_box_pic_box .swiper-slide img{display: block;width: 100%;border-radius:0.2rem;}
#hexin .info_box_pic_box .swiper-slide{text-align: center;font-size: 0.18rem;text-align: center;color: #333;line-height: 0.5rem;}


#hexin .swiper-pagination-bullets{text-align: center;margin-top: 0.8rem;}
#hexin .swiper-pagination-bullet{width: 7% !important;height: 3px;background:#f5f5f5 !important;color: #fff !important;line-height: 0.35rem;opacity:0.7;font-size: 0.14rem;border-radius: 3px;}
#hexin .swiper-pagination-bullet-active{background:#00a7ad !important;color: #fff;opacity:1;}


#hexin a{width: 4.4rem;float: left;display:block;}
#hexin a .shu{width: 100%;color: #fff;line-height: 0.5rem;font-size: 0.24rem;margin: 0.3rem 0 0.25rem;text-align: center;font-style: italic;font-weight: bold;}
#hexin a .biao{font-size: 0.3rem;color: #333333;font-weight: bold;text-align: center;line-height: 0.45rem;margin-top: 0.4rem;}
#hexin a .wen{font-size: 0.16rem;color: #666666;line-height: 0.25rem;text-align: center;margin-top:0.2rem;}


.swiper-pagination-bullet-active{background: #0066ff !important;}



#cp{margin-top: 1rem;}
#cp li{width: 100%;height: 6.5rem;position: relative;margin-top: 1.1rem;}
#cp li .fl{width: 11.8rem;height: 6.5rem;overflow: hidden;}
#cp li .fl img{width: 100%;display: block;transition:0.5s;}
#cp li .fr{position: absolute;top:1rem;right: 0;}
#cp li .fr p{font-size: 0.9rem;font-weight: bold;text-transform: uppercase;font-style: italic;text-align: right;color:#001111;}
#cp li .fr i{font-style: italic;color: #00a8ab;font-size:0.24rem;text-transform:uppercase;}
#cp li .fr p span{color:#00a8ab;}
#cp li .fr .wen{font-size: 0.16rem;color:#001111;font-weight: bold;text-align: right;margin-top: 0.5rem;}
#cp li .fr .wen ol{margin-bottom: 0.15rem;}
#cp li .fr .wen img{width: 0.2rem;display: block;float: right;margin-left: 0.15rem;}
#cp li .fr .more{width: 1.8rem;line-height: 0.6rem;height: 0.6rem;border:1px solid #999999;font-size: 0.14rem;color:#111111;display: block;text-align: center;font-weight: bold;text-transform: uppercase;float:right;margin-top: 0.4rem;}
#cp li .fr .more span{font-size: 0.22rem;color: #00a8ab;font-weight: bold;padding-left: 0.05rem;}

#xcp a{width: 5rem;height: 2.46rem;border:1px solid #dfe1e6;display: block;float: left;margin-right: 0.2rem;position: relative;margin-top: 1.1rem;overflow::hidden;}
#xcp a p{font-size: 0.3rem;color:#111111;font-weight: bold;text-transform: uppercase;padding-top: 0.65rem;padding-left: 0.25rem;height:0.8rem;}
#xcp a span{font-size: 0.14rem;color:rgba(17,17,17,0.5);padding-left: 0.25rem;padding-top: 0.2rem;display: block;text-transform: uppercase;}
#xcp a span i{font-size: 0.22rem;color: #00a8ab;font-weight: bold;padding-left: 0.05rem;}
#xcp a .tu{width: 2.1rem;position: absolute;right: 0.4rem;top:0.25rem;z-index: 1}
#xcp a .tu img{width: 100%;display: block;}
#xcp a .bg{width: 2.55rem;height: 2.46rem;background:url(/statics/images/index/hbg.png)no-repeat center !important;background-size:100%;position: absolute;right: 0;top:0rem;transition:0.5s;}
#xcp a:hover .bg{width: 2.55rem;height: 2.46rem;background:url(/statics/images/index/cbg.png)no-repeat center !important;background-size:100%;position: absolute;right: 0.2rem;top:0rem;}
#xcp a:hover{border: 1px solid #00a8ab;}
#xcp a:last-child{margin-right: 0;}

#speed .wrap{padding-top: 0.95rem;}
#speed .tu{width:1.9rem;height: 0.62rem;display: block;margin:0 auto;}
#speed .tu img{width: 100%;display: block;}
#speed p{font-size: 0.6rem;color:#fff;text-transform: uppercase;text-align: center;margin:0.55rem auto;}
#speed hr{width: 10.5rem;height: 1px;background: #a2a3a9;outline: none;border:none;display: block;margin:0 auto;}
#speed .wen{font-size: 0.17rem;line-height: 0.4rem;color:#ffffff;width: 14rem;margin:0 auto;text-align: center;margin-top: 0.6rem;}
#speed .wen a{width:1.5rem;height:0.5rem;line-height:0.5rem;text-align:center;color:#fff;background:#00a8ab;display:block;font-size:0.16rem;margin:0.5rem auto;text-transform:uppercase;}


.swiper-pagination-bullet-active{background:#00a7ad !important;}

#qidian{width: 100%;height: 4.79rem;background: url(/statics/images/index/bsk.png)no-repeat top;background-size: cover;margin-top: -1.5rem;}
#qidian .wrap{padding-top: 1.6rem;}
#qidian li{width: 3.35rem;height: 1.75rem;background: url(/statics/images/index/huise.jpg)no-repeat center;background-size: cover;border-radius:0.1rem;float: left;margin-left: 0.42rem;margin-bottom: 0.42rem;}
#qidian li:hover{box-shadow: 2px 5px 5px 2px rgba(0,0,0,0.1);}

#qidian li:hover .fl img{transform:rotatey(360deg)}
#qidian li:nth-child(5){margin-left: 2.3rem;}
#qidian li .fl{width: 1.03rem;height: 0.94rem;display: block;overflow: hidden;margin:0.4rem 0.2rem 0;}
#qidian li .fl img{width: 100%;display: block;transition:1s;}
#qidian li .fr{width: 1.5rem;text-align: center;font-size: 0.16rem; color:#111111;margin-right: 0.3rem;font-family: 'Airal';}
#qidian li .fr p{font-size: 0.36rem;color:#111111;padding-top: 0.35rem;padding-bottom: 0.2rem;font-family: 'Oswald-Medium';font-weight:bold;}




* {
    padding: 0;
    margin: 0;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}





/* 滚动 */

#c-move-box {
    position: relative;
/*     height: 200vh; */
    z-index: 20;
  
  height:10rem;overflow:hidden;margin-top:0.8rem;
}

#c-move-text {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 920;
    opacity: 0;
    transition: all 1s;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
}

.c-text-box{width: 100%;margin:0 auto;text-align: center;color: #fff;}
.c-text-box p{font-size: 0.58rem;color:#fff;text-transform: uppercase;}
.c-text-box p span{color: #00a8ab}
.c-text-box hr{width: 100%;height: 1px;border:1px solid #acaead;outline: none;background: none;margin: 0.45rem auto;}
.c-text-box .biaot{font-size: 0.32rem;line-height: 0.45rem;text-transform: uppercase;}
.c-text-box .wen{font-size: 0.16rem;line-height: 0.32rem;margin-top: 0.4rem;}
.c-text-box .tu{width: 0.68rem;height: 0.77rem;margin:0 auto;margin-top: 0.4rem;}
.c-text-box .tu img{width: 100%;display: block;}



#c-move-text li {
    display: flex;
    height: 100vh;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

#c-move-text .c-title {
    font-family: 'webfont', 'SimSun';
    font-weight: normal;
    font-size: 0.6rem;
    line-height: 1.5;
}

#c-move-text .c-text {
    font-size: 0.2rem;
    line-height: 1.5;
}

#c-move-text.on {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#c-move-text .c-btn {
    margin: 0.4rem auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.68rem;
    height: 0.54rem;
    font-size: 0.16rem;
    border-radius: 0.27rem;
    color: #fff;
    background: #b42749;
}

#c-move-text .c-btn::after {
    content: "";
    display: inline-block;
    margin-left: 0.2rem;
    border: 8px solid transparent;
    border-right: 0;
    border-left: 8px solid #fff;
}


/* 视频 */

#c-video .c-mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

#c-video {
    width: 100%;
    height: 8.6rem;
}

#c-video .c-box {
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 899;
    width: 100%;
    height: 100%;
    transition: all .5s .3s;
}

#c-video .c-box.active {
    position: fixed;
    height: 100%;
    width: 100%;
    padding: 0;
    z-index: 910;
}

#c-video .c-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .2);
}


#c-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#c-ab-bg {
    height: 5.2rem;
    background: url(../images/bg5.jpg)repeat;
}

#c-about .c-more {
    position: relative;
    display: none;
    height: 12rem;
    overflow: hidden;
}

#c-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#c-about .c-more {
    display: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.2rem auto 0;
    width: 1.2rem;
    height: 0.4rem;
    border-radius: 0.2rem;
    color: #333;
    background: #fff;
}

#c-about .c-more::after {
    content: "";
    display: inline-block;
    margin-left: 0.1rem;
    border: 7px solid transparent;
    border-right: 0;
    border-left: 7px solid #333;
}


/* 团队 */

#c-banner2-box {
    position: relative;
    z-index: 50;
    overflow: hidden;
    /* background: -webkit-linear-gradient(top, #434343, #0c0c0c);
    background: linear-gradient(to bottom, #434343, #0c0c0c); */
    background:url(/statics/images/index/expert.jpg)no-repeat center;
    background-size: cover;
    width:100%;height: 9.9rem;
  margin-top:1.5rem;
}


#c-banner2-box .title{font-size: 0.52rem;color:#111111;font-weight: bold;position: absolute;text-align: left;top:1rem;left:2.5rem;}

#c-banner2-box .title span{color:#00a8ab;}



.c-banner2-bottom {
    position: absolute;
    right: 8.33335%;
    bottom: 100px;
    width: 170px;
    height: 110px;
    border: 2px solid rgba(255, 255, 255, .5);
}



.eis-stepContent .imgs{width: 9.5rem;float: right;}
.eis-stepContent .imgs img{width: 100%;display: block;}

.eis-stepContent .txts{width: 8rem;position: absolute;z-index: 10;height: 1.7rem;background: #00a8ab;border-radius: 0.2rem;box-shadow: 0 10px 30px rgba(0, 0, 0, .2);}
.eis-stepContent .txts .fl{width: 0.66rem;height: 0.66rem;margin: 0.5rem 0.3rem 0.5rem 0.6rem;}
.eis-stepContent .txts .fl img{width: 100%;display: block;}
.eis-stepContent .txts .fr{width: 5.7rem;float: left;color:#fff;font-size: 0.14rem;line-height: 0.2rem;}
.eis-stepContent .txts .fr p{font-size: 0.24rem;font-weight: bold;padding-top: 0.25rem;padding-bottom: 0.1rem;}


 .eis-horizontal-steps .eis-form-steps{

    overflow: hidden;

    padding:0;

    font-size:0;

    position: absolute;

    width: 6.66rem;

    right: 0;

    bottom:1.8rem;

    z-index: 99;

}


.shuzi li{width:16.66%;float:left;text-align:center;font-size:0.18rem;color:#333;margin:0.85rem 0 0;}
.shuzi li p{font-size:0.6rem;height:1rem;line-height:1rem;color:#000;font-family:'Oswald-Medium';}
.shuzi{width:16rem;margin:0 auto;}



.eis-vertical-steps .eis-form-steps{

    overflow: hidden;

    padding:0;

    font-size:0;

    position: relative;

    width: 100%;

    float:left;
    margin-left: 1rem;
    margin-top: 3rem;

}

.eis-horizontal-steps .eis-form-steps .eis-form-step{

    display: inline-block;

    vertical-align: middle;

    width:33.33333%;

    text-align: center;

}

.eis-vertical-steps .eis-form-steps .eis-form-step{

    text-align: center;

    height: 1.8rem;
  position:relative;
  z-index:20;

}

.eis-horizontal-steps .eis-form-steps .eis-step-progress {

    height: 2px;

    background: rgba(2,108,93);

    width: 0;

    position: absolute;

    top: 15px;

    left: 15px;

    -webkit-transition: all .4s;

    -moz-transition: all .4s;

    -ms-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

}



.eis-vertical-steps .eis-form-steps .eis-step-progress{

    width:2px;

    background:rgba(0,167,173); 
    height:0; 

    position: absolute;  

    top:0.15rem;

    left:0.18rem;

    -webkit-transition: all .4s;

    -moz-transition: all .4s;

    -ms-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;



}

.eis-horizontal-steps .eis-form-steps .eis-step-head{

    width:100%;

    position: relative;

}

.eis-vertical-steps .eis-form-steps .eis-step-head{

    float: left;

    height: 100%;

    position: relative;

}

.eis-step-head .eis-step-icon{

    width:0.4rem;

    height:0.4rem;

    font-size:0.2rem;

    border-radius:50%;

    position:relative;

    z-index: 1;

    cursor: pointer;

}

.is-finish .eis-step-icon{

    border:1px solid rgba(0,167,173);

}

.eis-step-head .eis-step-icon .step-icon-txt{

    width:0.36rem;

    height:0.36rem;

    background:#DDDDDD;

    border:1px solid #DDDDDD;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    border-radius:50%;

    text-align: center;

    line-height: 0.36rem;

    color:#fff;

    position: absolute;

    top:0;

    left:0;

    right:0;

    bottom:0;

    margin: auto;

}

.is-finish .eis-step-icon .step-icon-txt{

    background:rgba(0,167,173);

    border:1px solid rgba(0,167,173);

}

.eis-horizontal-steps .eis-step-head .eis-step-line{

    position: absolute;

    background-color: #00a7ad;

    height: 2px;

    top: 15px;

    left: 28px;

    right: -4px;

}

.eis-vertical-steps .eis-step-head .eis-step-line{

    position: absolute;
/* 
    background-color: #d9d9d9; */

    width: 2px;

    height: 100%;

    top: 0.15rem;

    left:0.17rem;

}

.eis-horizontal-steps .eis-form-step .eis-step-main{

    font-size:0.2rem;

    padding:0.1rem 0 0 0;

    color:#666;

    text-align: left;

}

.eis-vertical-steps .eis-form-step .eis-step-main{

    overflow: hidden;

    padding:5px 10px;

    font-size:0.2rem;

    color:#666;

    text-align: left;

}

.is-finish .eis-step-main{

    color:#00a7ad

}

.eis-stepContents{

    position: relative;


    overflow: hidden;
      position: absolute;
    overflow: hidden;
    z-index: 1;
    width: 88%;
    right: 0;
    top: 0rem;
}

}

.eis-stepContents .eis-stepFooter{

    position: absolute;

    bottom:10px;

    right:10px;

}

.eis-btn {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    outline:0;

    cursor: pointer;

    font-size: 12px;

    min-width: 64px;

    height: 25px;

    line-height: 25px;

    background: #fff;

    text-align: center;

    border: 1px solid #00a7ad;

    color: #00a7ad;

    margin-right: 14px;

    border-radius: 2px;

}



#ban3{margin-top:0.5rem;}
#ban3 .title p{line-height:0.5rem;}
#ban3 .wrap{width:15.5rem !important;}
#ban3 .swiper-slide img{display: block;margin:0 auto;width: 90%;margin:0 auto;}
#ban3 .swiper-slide{margin-top: 0.45rem;font-size:0.18rem;color:#111111;line-height:0.5rem;text-align:center;}
#ban3 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{text-align:center;padding-top:0.3rem;}
 #ban3 .swiper-pagination-bullet-active{background:#00a8ab}
 


#new{width: 100%;height: 9.7rem;background:#f7f7f7;position: relative;z-index: 100;}
#new .title{width:15.5rem;margin:0 auto;padding-top: 1.5rem;}
#new .title p{color:#111111;text-align:left;float: left;font-size: 0.58rem;font-weight: bold;}
#new .title p span{color:#00a8ab;}

#new .title .fr a{float: right;font-size: 0.24rem;margin-left: 1rem;}
#new .title .fr a:hover{color:#00a8ab;}



#new .bg{width: 3.2rem;height: 5.2rem;background:#fff;text-align: left;padding:0 0.2rem;color: #111111;display: block;margin-right:0.25rem !important;float:left;margin-top:1rem;}
#new .bg p{font-size: 0.22rem;text-transform: uppercase;line-height: 0.28rem;height:0.8rem;overflow:hidden;font-weight:bold;}
#new .bg .list{line-height: 0.24rem;font-size:0.14rem;margin-bottom:0.35rem;font-family:'MyriadPror';}
#new .bg:hover{color: #fff;background: #00a8ab;}
#new .bg .tu{width: 100%;overflow: hidden;margin: 0rem auto 0.2rem;}
#new .bg .tu img{margin-top:0.2rem;}
#new .bg:last-child{margin-right:0;}